<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人设置</title>
    <link rel="stylesheet" href="../css/myset.css">
    <script src="../js/myset.js" type="module"></script>
</head>

<body>
    <!-- 模态窗 -->
    <div class="modal fade" id="myModal" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h4 class="modal-title" id="myModalLabel">修改昵称</h4>
                </div>
                <div class="modal-body">
                    <div class="form-horizontal">
                        <div class="form-group">
                            <label class="col-sm-4 control-label">修改为</label>
                            <div class="col-sm-5">
                                <input type="text" class="form-control" id="after">
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-offset-5">
                                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                                <button type="button" class="btn btn-default" id="submit">提交</button>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal -->
    </div>
    <!-- 头部 -->
    <header>
        <nav class="navbar navbar-default">
            <div class="container">
                <ul class="list-unstyled list-inline navbar-left">
                    <li>
                        <span href="" class="glyphicon glyphicon-map-marker font-black" aria-hidden="true"></span>
                        <a href="" class="font-black">杭州</a>
                    </li>
                    <li>
                        <a href="" class="change-city font-black">切换城市</a>
                    </li>
                    <li>
                        <p><span>[</span>
                            <a href="">富阳</a>
                            <a href="">德清</a>
                            <a href="">临安</a>
                            <span>]</span>
                        </p>
                    </li>
                    <li>
                        <a href="./login.html" class="font-active user-id">立即登陆</a>
                    </li>
                    <li>
                        <a href="" class="loginout">注册</a>
                    </li>
                </ul>
                <ul class="list-unstyled list-inline navbar-right">
                    <li class="nav-normal">
                        <a href="./myset.html">我的美团</a>
                        <ul class="nav-sec list-unstyled nav-show">
                            <li><a href="./detail.html">我的订单</a></li>
                            <li><a href="#">我的收藏</a></li>
                            <li><a href="#">抵用券</a></li>
                            <li><a href="./myset.html">账户设置</a></li>
                        </ul>
                    </li>
                    <li><a href="">手机app</a></li>
                    <li class="nav-normal">
                        <a href="">商家中心</a>
                        <ul class="nav-sec list-unstyled nav-sec-md nav-show">
                            <li><a href="">美团餐饮商户中心</a></li>
                            <li><a href="#">登陆商家中心</a></li>
                            <li><a href="#">美团智能收银</a></li>
                            <li><a href="#">我想合作</a></li>
                            <li><a href="#">手机免费开店</a></li>
                            <li><a href="#">到店综合业务招募</a></li>
                            <li><a href="#">餐饮合作商招募</a></li>
                            <li><a href="#">商家申请开票</a></li>
                            <li><a href="#">免费合作美团排队</a></li>
                        </ul>
                    </li>
                    <li class="nav-normal">
                        <a href="">美团规则</a>
                        <ul class="nav-sec list-unstyled nav-show">
                            <li><a href="#">美团规则</a></li>
                            <li><a href="#">规则中心</a></li>
                            <li><a href="#">规则目录</a></li>
                            <li><a href="#">规则评议</a></li>
                        </ul>
                    </li>
                    <li class="nav-normal">
                        <a href="">网站导航</a>
                        <ul class="nav-sec list-unstyled nav-sec-lg nav-show">
                            <div class="container-fluid">
                                <div class="rows card-detail">
                                    <div class="col-md-4">
                                        <h5>酒店旅游</h5>
                                        <ul class="list-inline list-unstyled">
                                            <li><a href="">国际机票</a></li>
                                            <li><a href="">火车票</a></li>
                                            <li><a href="">民宿</a></li>
                                            <li><a href="">经济型酒店</a></li>
                                            <li><a href="">主题酒店</a></li>
                                            <li><a href="">商务酒店</a></li>
                                            <li><a href="">公寓</a></li>
                                            <li><a href="">豪华酒店</a></li>
                                            <li><a href="">客栈</a></li>
                                            <li><a href="">青年旅社</a></li>
                                            <li><a href="">度假酒店</a></li>
                                            <li><a href="">别墅</a></li>
                                        </ul>
                                    </div>
                                    <div class="col-md-2 meishi">
                                        <h5>吃美食</h5>
                                        <ul class="list-inline list-unstyled">
                                            <li><a href="">烤鱼</a></li>
                                            <li><a href="">特色小吃</a></li>
                                            <li><a href="">烧烤</a></li>
                                            <li><a href="">自助餐</a></li>
                                            <li><a href="">火锅</a></li>
                                            <li><a href="">代金券</a></li>
                                        </ul>
                                    </div>
                                    <div class="col-md-2 dianying">
                                        <h5>看电影</h5>
                                        <ul class="list-unstyled">
                                            <li><a href="">热映电影</a></li>
                                            <li><a href="">热门电影</a></li>
                                            <li><a href="">热门电影口碑榜</a></li>
                                            <li><a href="">最受期待电影</a></li>
                                            <li><a href="">国内票房榜</a></li>
                                            <li><a href="">北美票房榜</a></li>
                                            <li><a href="">电影排行榜</a></li>
                                        </ul>
                                    </div>
                                    <div class="col-md-4">
                                        <h5>手机应用</h5>
                                        <ul class="list-unstyled app list-inline">
                                            <li>
                                                <a href=""><img src="../img/app/meituan.png" alt=""></a>
                                            </li>
                                            <li>
                                                <a href=""><img src="../img/app/waimai.png" alt=""></a>
                                            </li>
                                            <li>
                                                <a href=""><img src="../img/app/162c3308d9622f6d9cfaa49e60be4dca8573.png" alt=""></a>
                                            </li>
                                            <li>
                                                <a href=""><img src="../img/app/maoyan.png" alt=""></a>
                                            </li>
                                            <li>
                                                <a href=""><img src="../img/app/dianping.png" alt=""></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </ul>
                    </li>
                </ul>
            </div>
        </nav>
    </header>
    <div class="header-line">
        <div class="container">
            <div class="rows">
                <div class="col-lg-3 col-md-3 col-sm-3 logo">
                    <a href="./index.html">
                        <img src="../img/logo.png" alt="">
                    </a>
                </div>
                <div class="col-lg-6 col-md-6 col-sm-6 input-group">
                    <input type="text" placeholder="搜索商家或地点" name="" id="search" class="form-control input-lg">
                    <span class="input-group-btn">
                        <button class="btn btn-warning btn-lg" type="button">
                            <span class="glyphicon glyphicon-search"></span>
                    </button>
                    </span>
                </div>
            </div>
            <div class="rows mt60">

            </div>

        </div>
    </div>
    <!-- 我的订单 -->
    <div class="order">
        <div class="container">
            <div class="rows">
                <div class="col-md-3">
                    <dl class="list-unstyled">
                        <dt>我的美团</dt>

                        <dt>我的订单</dt>
                        <dd><a href="">待付款</a><span class="glyphicon glyphicon-menu-right pull-right"></span></dd>
                        <dd><a href="">待试用</a><span class="glyphicon glyphicon-menu-right pull-right"></span></dd>
                        <dd><a href="">待评价</a><span class="glyphicon glyphicon-menu-right pull-right"></span></dd>
                        <dd><a href="">退款 / 售后</a><span class="glyphicon glyphicon-menu-right pull-right"></span>
                        </dd>

                        <dt>我的收藏</dt>
                        <dd><a href="">收藏的商家</a><span class="glyphicon glyphicon-menu-right pull-right"></span></dd>
                        <dd><a href="">收藏的团购</a><span class="glyphicon glyphicon-menu-right pull-right"></span></dd>

                        <dt>抵用券</dt>
                        <dd><a href="">可用券</a><span class="glyphicon glyphicon-menu-right pull-right"></span></dd>
                        <dd><a href="">失效券</a><span class="glyphicon glyphicon-menu-right pull-right"></span></dd>

                        <dt>个人信息</dt>
                        <dd><a href="">账户设置</a><span class="glyphicon glyphicon-menu-right pull-right"></span></dd>
                    </dl>
                </div>
                <div class="col-md-9" id="idcard">
                    <ul class="container-fluid list-unstyled">
                        <li>
                            <h4>个人信息</h4>
                            <p>账户设置</p>
                            <img class="" src="../img/user.jpg" alt="">
                        </li>
                        <li class="container-fluid">
                            <h4 class="col-md-2">
                                ID
                            </h4>
                            <h5 class="col-md-8" id="id">
                                aaaaaaaaa
                            </h5>
                            <div class="col-md-2 text-right">
                                <h5>不可修改</h5>
                            </div>
                        </li>
                        <li class="container-fluid">
                            <h4 class="col-md-2">
                                昵称
                            </h4>
                            <h5 class="col-md-8" id="uname">
                                aaaaaaaaa
                            </h5>
                            <div class="col-md-2 text-right">
                                <span class="btn btn-default">修改</span>
                            </div>
                        </li>
                        <li class="container-fluid">
                            <h4 class="col-md-2">
                                生日
                            </h4>
                            <h5 class="col-md-8" id="birthday">
                                aaaaaaaaa
                            </h5>
                            <div class="col-md-2 text-right">
                                <span class="btn btn-default">修改</span>
                            </div>
                        </li>
                        <li class="container-fluid ">
                            <h4 class="col-md-2">
                                换绑手机
                            </h4>
                            <h5 class="col-md-8" id="phone">
                                aaaaaaaaa
                            </h5>
                            <div class="col-md-2 text-right">
                                <span class="btn btn-default">修改</span>
                            </div>
                        </li>
                        <li class="container-fluid ">
                            <h4 class="col-md-2">
                                登陆密码
                            </h4>
                            <h5 class="col-md-8" id="password">
                                aaaaaaaaa
                            </h5>
                            <div class="col-md-2 text-right">
                                <span class="btn btn-default">修改</span>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <footer>
        <div class="container text-center">
            ©meituan.com 京ICP证070791号 京公网安备11010502025545号
        </div>
    </footer>
</body>

</html>